<!-----------班级信息总览界面------------->

<!DOCTYPE html>
<html lang="en">
<head xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  <meta charset="UTF-8">
  <title>学生信息管理系统</title>
  <link rel="stylesheet" href="/css/bootstrap.min.css">

  <script src="/js/jquery-3.6.1.min.js"></script>
  <link rel="stylesheet" href="/plugins/bootstraptable/bootstrap-table.min.css">

</head>
<body>
<br/>
<div class="container-fluid">

</div>
<div>
  <table class="table table-bordered " id="teaTable">

  </table>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">班级信息</h4>
      </div>
    </div>
  </div>
</div>

<!--<script src="/js/jquery-3.6.1.min.js"></script>-->

<script src="/js/bootstrap.min.js"></script>
<script src="/plugins/bootstraptable/bootstrap-table.min.js"></script>
<script src="/plugins/bootstraptable/locale/bootstrap-table-zh-CN.min.js"></script>


<script type="text/javascript">

  function loadTable(){

    $('#teaTable').bootstrapTable({

      url: '/webapi/banji/list',

      columns: [{
        field: 'id',
        title: '序号'
      }, {
        field: 'cno',
        title: '班级编号'
      }, {
        field: 'cname',
        title: '班级名称'
      },  {
        field:'count',
        title:'班级学生人数'
      },]
    });

  } //end of loadTable()

  $(function (){

    loadTable();

  })

</script>
</body>
</html>